<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/m_index.css" />
		<link rel="stylesheet" href="css/common.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/input.js" ></script>
	</head>

	<body>
		<!--head-->
		<div class="header">
			<h2>昊辰生物科技有限公司</h2>
		</div>
		<!--banner-->
		<div class="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href=""> <img src="img/banner1.png" alt="" /> </a>
					</div>
					<div class="swiper-slide">
						<a href=""> <img src="img/banner2.png" alt="" /> </a>
					</div>
					<div class="swiper-slide">
						<a href=""> <img src="img/banner3.png" alt="" /> </a>
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>

				<!-- 如果需要导航按钮 -->
				<!--<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>-->
			</div>
			<script type="text/javascript">
				var mySwiper = new Swiper('.swiper-container', {
					autoplay: 3000, //可选选项，自动滑动
					loop: true,
					pagination: '.swiper-pagination',
				})
			</script>
		</div>
		<div class="nav">
			<ul>
				<li>
					<a href="product.html">
						<img src="img/1.png" alt="" />
						<span>产品中心</span>
					</a>
				</li>
				<li>
					<a href="news.html">
						<img src="img/2.png" alt="" />
						<span>新闻中心</span>
					</a>
				</li>
				<li>
					<a href="about_us.html">
						<img src="img/3.png" alt="" />
						<span>公司介绍</span>
					</a>
				</li>
				<li>
					<a href="contact_us.html">
						<img src="img/4.png" alt="" />
						<span>联系我们</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="line">
			<img src="img/line.png" />
		</div>
		<div class="title">
			<h3>产品中心</h3>
		</div>
		<div class="idx_padding">
			<ul class="pro-list">
				<li>
					<a href="pro_details.html"><img src="img/product1.png" /></a>
					<h3><a href="pro_details.html" class="pro_text">苦参碱 </a></h3>
				</li>
				<li>
					<a href="pro_details.html"><img src="img/product2.png" /></a>
					<h3><a href="pro_details.html">果汁粉</a></h3>
				</li>
				<li>
					<a href="pro_details.html"><img src="img/product3.png" /></a>
					<h3><a href="pro_details.html">海带系列提取物</a></h3>
				</li>
				<li>
					<a href="pro_details.html"><img src="img/product4.png" /></a>
					<h3><a href="pro_details.html">芍药苷</a></h3>
				</li>
			</ul>
		</div>
		<div class="more">
			<span><a href="product.html">MORE</a></span>
		</div>
		<div class="line">
			<img src="img/line.png" />
		</div>
		<div class="title">
			<h3>新闻中心</h3>
		</div>
		<div class="idx_padding">
			<div class="news">
				<a href="news_details.html">
				<img src="img/news.png" />
				</a>
				<span><h4><a href="news_details.html">昊辰生物科技有限公司每月定期举行会议</a></h4></span>
			</div>
			<div class="news_text">
				<ul>
					<li>
						<b>
									<i>01</i>
									<span>2016.10</span>
								</b>
						<img src="img/news01.png" />
						<div>
							<h3><a href="news_details.html">关于苦参碱，你了解多少？</a></h3>
							<p>苦参碱是由豆科植物苦参的干燥根、植株、果实经乙醇等有机溶剂提取制成的， 是一种生物碱...</p>
							<a href="news_details.html"><span class="news_more">[more]</span></a>
						</div>
					</li>
					<li>
						<b>
									<i>02</i>
									<span>2016.11</span>
								</b>
						<img src="img/news01.png" />
						<div>
							<h3><a href="news_details.html">关于苦参碱，你了解多少？</a></h3>
							<p>苦参碱是由豆科植物苦参的干燥根、植株、果实经乙醇等有机溶剂提取制成的， 是一种生物碱...</p>
							<a href="news_details.html"><span>[more]</span></a>
						</div>
					</li>
					<li>
						<b>
									<i>01</i>
									<span>2016.10</span>
								</b>
						<img src="img/news01.png" />
						<div>
							<h3><a href="news_details.html">关于苦参碱，你了解多少？</a></h3>
							<p>苦参碱是由豆科植物苦参的干燥根、植株、果实经乙醇等有机溶剂提取制成的， 是一种生物碱...</p>
							<a href="news_details.html"><span>[more]</span></a>
						</div>
					</li>
					<li>
						<b>
									<i>01</i>
									<span>2016.10</span>
								</b>
						<img src="img/news01.png" />
						<div>
							<h3><a href="news_details.html">关于苦参碱，你了解多少？</a></h3>
							<p>苦参碱是由豆科植物苦参的干燥根、植株、果实经乙醇等有机溶剂提取制成的， 是一种生物碱...</p>
							<a href="news_details.html"><span>[more]</span></a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="more">
			<span><a href="news.html">MORE</a></span>
		</div>
		<div class="line">
			<img src="img/line.png" />
		</div>
		<div class="title">
			<h3>公司介绍</h3>
		</div>
		<div class="idx_padding">
			<div class="about_us">
				<img src="img/about_us.png" />
				<h3>昊辰生物科技有限公司</h3>
				<p>昊辰生物科技有限公司是一家专业从事天然植物提取物、生物化工原料药研发、生产及销售的高新技术企业。公司开发的苦参碱系列，芍药苷，安石榴甙，石榴皮多酚，人参茎叶总皂甙，红车轴草提取物，海带系列提取物，果汁粉系列等几十余种产品，销往国内外，得到了医药保健食品、化妆品、科研单位、动物饲料、植物源性农药及化工等众多生产企业的青睐。</p>
				<p>昊辰生物科技有限公司主营业务为天然植物提取物、生物化工原料药。坚持“时效第一，服务至上”的服务理念。</p>
			</div>
		</div>
		<div class="more">
			<span><a href="about_us.html">MORE</a></span>
		</div>
		<div class="line">
			<img src="img/line.png" />
		</div>
		<div class="title">
			<h3>给我留言</h3>
		</div>
		<div class="idx_padding">
			<div class="contact">
				<form action="" method="">
					<input type="text" placeholder="请输入您的姓名"/>
					<input type="text" class="cont_input" placeholder="请输入您的手机/邮箱/QQ"/>
					<textarea>请输入您的留言</textarea>
					<input type="submit" value="提交留言" />
					<input type="reset" value="重置信息" />
				</form>
			</div>
		</div>
		<div class="footer">
			<p>Copright©2008 Adobe ALL Right</p>
			<p>resevd 昊辰生物科技有限有限公司</p>
		</div>
	</body>
</html>